<template lang="pug">
    .fixed-bar
      ul(v-if="false")
        li
        router-link(to="/introduce") 小希留学平台简介
        span
        li
        router-link(to="/agreement") 用户协议
        span
        li
        router-link(to="/supervise") 平台监督
        span
        li
        router-link(to="/question") 常见问题
      .tel-email-address
        p 服务电话：400-601-0022
        p 地址：北京市东城区 灯市口大街33号 国中商业大厦2层
      .copyright
        p Copyright © 2018-2022 北京小希教育科技有限公司 xiaoxiedu.com, All Rights Reserved <a href="http://beian.miit.gov.cn" target="_blank">京ICP备19005355号-1 </a><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010102004233">京公网安备11010102004233号</a>
  </template>
  
  <script>
 
  </script>
  
  <style lang="stylus" scoped>
  .fixed-bar
    display flex
    flex-direction column
    justify-content space-around
    align-items center
    padding 25px 0
    width 100%
    background-color #282828
    z-index 2
  
    .link
    a
      font-size 14px
      color #c4c4c4
  
    ul
      display flex
    li
      display flex
  
      a
        font-size 14px
        color #c4c4c4
  
      a:hover
        color #ff7800
  
      span
        margin 0 10px
        height 100%
        width 1px
        background-color #c4c4c4
  
    .tel-email-address, .copyright
      margin-top 5px
      display flex
  
    p
      margin-right 10px
      font-size 14px
      color #c4c4c4
  
      a
        font-size 14px
  
    div.link a
      margin-left 4px
      margin-right 4px
  </style>
  